$good-img-width: 150px;
.page-community-activity {
  margin: 24px;
  &-filter {
    font-size: 26px;
    border-radius: 16px 16px 0px 0px;
    padding: 0px 16px;
    /* prettier-ignore */
    border-bottom: 1PX solid #F5F5F5;
    .sp-filter-bar__item {
      flex: 0.5;
    }
  }
  &-info {
    margin-bottom: 24px;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    &:nth-of-type(1) {
      border-radius: 0px 0px 16px 16px;
    }
  }
  &-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* prettier-ignore */
    border-bottom: 1PX solid #F5F5F5;
    .goods-hd {
      margin-bottom: 15px;
      flex: 1;
      margin-right: 60px;
      .goods-title {
        @include multi-ellipsis(1);
      }
      .goods-price {
        color: var(--color-primary);
      }
    }
    .goods-time {
      color: #999;
      font-size: 24px;
    }
  }
  &-goods {
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    .goods-info {
      width: 100%;
      height: 100%;
      white-space: nowrap;
      .scroll-item {
        width: $good-img-width;
        height: 100%;
        display: inline-grid;
        background: #fff;
        margin-left: 0px;
        padding: 0px;
        margin-right: 24px;
        text-align: center;
        &:last-child {
          margin-right: 0px;
        }
      }
      .goods-imgbox {
        width: $good-img-width;
        height: $good-img-width;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
        .goods-img {
          display: block;
          width: 100%;
          height: 100%;
        }
        // .img-desc {
        //   position: absolute;
        //   bottom: 0;
        //   left: 0;
        //   height: 42px;
        //   line-height: 42px;
        //   width: $good-img-width;
        //   background: rgba(0, 0, 0, 0.5);
        //   font-size: 24px;
        //   color: #fff;
        //   text-align: center;
        // }
      }
      .goods-desc {
        @include multi-ellipsis(1);
        padding: 10px 0px;
        font-size: 26px;
      }
      // .goods-num {
      //   font-size: 26px;
      // }
    }
    // .goods-sale {
    //   width: 20%;
    //   display: flex;
    //   flex-direction: column;
    //   align-items: flex-end;
    //   padding-top: 24px;
    //   padding-right: 24px;
    //   .sale-price {
    //     font-weight: bold;
    //   }
    //   .sale-num {
    //     font-size: 26px;
    //     color: #797979;
    //     margin-top: 10px;
    //   }
    // }
  }
  &-static {
    padding: 16px 0px;
    background: #f8f8f8;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .activity-static {
      text-align: center;
      width: 26%;
      &:last-child {
        width: 22%;
      }
      &-num {
        font-size: 30px;
        &:first-child {
          color: var(--color-primary);
        }
      }
      &-desc {
        font-size: 22px;
        line-height: 32px;
        color: #999;
      }
    }
    .border {
      font-size: 26px;
      color: #999;
      /* prettier-ignore */
      border-left: 1PX solid #F5F5F5;
    }
  }
  &-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    .footer-status {
      padding: 6px 20px;
      border-radius: 60px;
      font-size: 24px;
      color: var(--color-primary);
      background: rgba(var(--color-rgb), 0.1);
    }
    // .running,
    // .private,
    // .public,
    // .protected,
    // .success,
    // .fail {
    //   color: #4da915;
    //   background: #e1fff3;
    // }
    .footer-btn {
      padding: 2px 10px;
      border-radius: 8px;
      font-size: 24px;
      display: inline-block;
      color: #fff;
      margin: 0px 5px;
    }
  }
  .activity-modal {
    text-align: center;
    .at-modal__container {
      width: 70%;
    }
    .content-simple {
      margin-top: 15%;
    }
  }
}
